<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">	
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<div id=page>
	<div id=survey>
		<h1 id="surveyName"></h1>
		<p id="createdBy"></p>
		<p id="eventLength"></p>
		<p id="surveyStatus"></p>
		<input type="text" placeholder="Write your name" id="username">
		<div id="canvasFrame">
			<canvas id='scheduleCanvas' ></canvas>	
		</div>
		<button type="button" id="submitButton" name=<?php echo $_GET['survey']?> onclick="sendAvailability()">Send</button>
		<?php 
		if (isset($_GET['admin'])) {
			echo ('<button type="button" id="resultsButton" name="resultsButton" onclick="getResults()">See results</button>');
			echo ('<button type="button" id="closeButton" name="closeButton" onclick="closeSurvey()">Close survey</button>');
		}
		?>
		<br/>
		<button type="button" id="goToIndex" onclick='location.pathname = "scheduler/index.php";'>Create your own survey</button>
	</div>
</div>
</body>
<script src="functions.js"></script>
</html>
